---
title: '@theme-ui/style-guide'
---

import { TypeScale, TypeStyle, ColorPalette } from '@theme-ui/style-guide'
import Readme from '../../../../style-guide/README.md'

<Readme />

## Demo

### Type Specimens

<TypeStyle fontSize={7}>System Font (Body)</TypeStyle>
<TypeStyle
  fontFamily="heading"
  fontWeight="heading"
  lineHeight="heading"
  fontSize={7}
>
  Heading
</TypeStyle>
<TypeStyle fontFamily="monospace" fontSize={7}>
  Monospace
</TypeStyle>

### Type Scale

<TypeScale fontWeight="heading" />

### Color Palette

<ColorPalette omit={['modes', 'header']} />
